[data-scope="timer"][data-part="root"] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

[data-scope="timer"][data-part="area"] {
  display: flex;
  align-items: center;
}

[data-scope="timer"][data-part="item"] {
  font-size: 2rem;
  font-weight: 500;
}

[data-scope="timer"][data-part="separator"] {
  font-size: 1rem;
  font-weight: 500;
  margin-inline: 0.5rem;
}

[data-scope="timer"][data-part="control"] {
  display: flex;
  gap: 4px;
}
